<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset=UTF-8>
    <title>
    </title>
    <style>
        .city {
            /*float:left;*/
            margin: 5px;
            padding: 15px;
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }
    </style>
</head>



<body>
<h1>标题1</h1>

<div class="city">
    <h2>标题1</h2>
    <p>段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内容1段落内</p>
</div>

<div class="city">
    <h2>标题2</h2>
    <p>段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内容2段落内落内容2</p>
</div>

<div class="city">
    <h2>标题3</h2>
    <p>段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内容3段落内</p>
</div>

</body>
</html>